// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`MergeRequestTable component template matches the snapshot 1`] = `
<table
  aria-busy=""
  aria-colcount="7"
  class="b-table b-table-stacked-sm gl-table my-3 table"
  id="reference-0"
  role="table"
>
  <thead
    role="rowgroup"
  >
    <tr
      role="row"
    >
      <th
        aria-colindex="1"
        class="w-30p"
        role="columnheader"
        scope="col"
      >
        <div>
          Merge Request
        </div>
      </th>
      <th
        aria-colindex="2"
        class="text-right"
        role="columnheader"
        scope="col"
      >
        <div>
          Review time
        </div>
      </th>
      <th
        aria-colindex="3"
        role="columnheader"
        scope="col"
      >
        <div>
          Author
        </div>
      </th>
      <th
        aria-colindex="4"
        role="columnheader"
        scope="col"
      >
        <div>
          Approvers
        </div>
      </th>
      <th
        aria-colindex="5"
        class="text-right"
        role="columnheader"
        scope="col"
      >
        <div>
          Comments
        </div>
      </th>
      <th
        aria-colindex="6"
        class="text-right"
        role="columnheader"
        scope="col"
      >
        <div>
          Commits
        </div>
      </th>
      <th
        aria-colindex="7"
        class="text-right"
        role="columnheader"
        scope="col"
      >
        <div>
          Line changes
        </div>
      </th>
    </tr>
  </thead>
  <tbody
    role="rowgroup"
  >
    <tr
      role="row"
    >
      <td
        aria-colindex="1"
        class="align-items-center d-flex d-sm-table-cell table-col"
        data-label="Merge Request"
        role="cell"
      >
        <div>
          <div
            class="align-items-end align-items-sm-start d-flex flex-column flex-grow"
          >
            <div
              class="gl-max-w-34 my-2 str-truncated"
            >
              <a
                class="font-weight-bold gl-link text-plain"
                href="https://gitlab.com/gitlab-org/gitlab/merge_requests/38062"
                rel="noopener noreferrer"
                target="_blank"
              >
                This is just a super long merge request title that does not fit into one line so it needs to be truncated
              </a>
            </div>
            <ul
              class="horizontal-list list-items-separated mb-0 text-secondary"
            >
              <li>
                !12345
              </li>
              <li>
                created 5 months ago
              </li>
              <li>
                <span
                  class="align-items-center d-flex"
                >
                  <svg
                    aria-hidden="true"
                    class="gl-icon gl-mr-2 s16"
                    data-testid="clock-icon"
                    role="img"
                  >
                    <use
                      href="file-mock#clock"
                    />
                  </svg>
                  11.1
                </span>
              </li>
            </ul>
          </div>
        </div>
      </td>
      <td
        aria-colindex="2"
        class="align-items-center d-flex d-sm-table-cell table-col text-right"
        data-label="Review time"
        role="cell"
      >
        <div>
          <span>
            2 days
          </span>
        </div>
      </td>
      <td
        aria-colindex="3"
        class="align-items-center d-flex d-sm-table-cell table-col"
        data-label="Author"
        role="cell"
      >
        <div>
          <a
            class="gl-avatar-link gl-link"
            href="https://gitlab.com/foo"
            rel="noopener noreferrer"
            target="_blank"
            title="foo"
          >
            <div
              class="gl-avatar gl-avatar-circle gl-avatar-identicon gl-avatar-identicon-bg1 gl-avatar-s24"
            >
              F
            </div>
          </a>
        </div>
      </td>
      <td
        aria-colindex="4"
        class="align-items-center d-flex d-sm-table-cell table-col"
        data-label="Approvers"
        role="cell"
      >
        <div>
          <div>
            <a
              class="gl-avatar-link gl-link"
              href="https://gitlab.com/bar"
              rel="noopener noreferrer"
              target="_blank"
              title="bar"
            >
              <div
                class="gl-avatar gl-avatar-circle gl-avatar-identicon gl-avatar-identicon-bg1 gl-avatar-s24"
              />
            </a>
          </div>
        </div>
      </td>
      <td
        aria-colindex="5"
        class="align-items-center d-flex d-sm-table-cell table-col text-right"
        data-label="Comments"
        role="cell"
      >
        <div>
          21
        </div>
      </td>
      <td
        aria-colindex="6"
        class="align-items-center d-flex d-sm-table-cell table-col text-right"
        data-label="Commits"
        role="cell"
      >
        <div>
          <span>
            7
          </span>
        </div>
      </td>
      <td
        aria-colindex="7"
        class="align-items-center d-flex d-sm-table-cell table-col text-right"
        data-label="Line changes"
        role="cell"
      >
        <div>
          <span
            class="cgreen font-weight-bold"
          >
            +504
          </span>
          <span
            class="cred font-weight-bold"
          >
            -10
          </span>
        </div>
      </td>
    </tr>
  </tbody>
</table>
`;
